<template>
  <w-view class="layout-root">
    <w-html height=40 valign=middle style="background-color: #eee">Preload Title</w-html>
    <slot name="default">
      <w-vertical width="*" class="layout-content">
        <slot name="default"></slot>
      </w-vertical>
    </slot>

  </w-view>
</template>

<script>
  export default {
    props: [
      'caption'
    ]
  }
</script>

<style>
  .layout-root {
    background-color: #fff;
  }

  .layout-head {
    border-bottom: 1px solid #ddd;
  }

  .layout-caption {
    height: 24px;
    font-size: 16px;
    margin-left: 20px;
    padding-left: 10px;
    border-left: 5px solid #b82323;
  }

  .layout-nav {
    border-right: 1px solid #ddd;
  }
</style>
